<!--
 * @Author: zhangwei 1405298045@qq.com
 * @Date: 2022-03-31 14:54:49
 * @LastEditTime: 2022-09-03 10:34:47
 * @LastEditors: 张伟 10187258+zhang_wei_self@user.noreply.gitee.com
 * @Description: 
 * @FilePath: /ll-fe-mp-dyfx/src/setupPage/About.vue
 *  
-->
<template>
	<view class="layout">
		<view class="layout-project">
			<image class="layout-project-logo" src="/static/logo.png" />
			<text class="layout-project-name">{{ appName }}</text>
		</view>
		<view class="layout-item">
			<text class="layout-item-label">当前版本</text>
			<text class="layout-item-right">{{ version }}</text>
		</view>

		<!-- #ifndef MP-WEIXIN -->
		<view class="layout-item">
			<text class="layout-item-label">版本更新</text>
			<text class="layout-item-right">无更新</text>
		</view>
		<!-- #endif -->
	</view>
</template>

<script>
export default {
	data() {
		return {
			version: '',
			appName: '联联探客'
		};
	},

	created() {
		// #ifdef MP-WEIXIN
		const { appId, version } = uni.getAccountInfoSync();

		this.version = version;
		// #endif
	}
};
</script>

<style lang="scss" scoped>
.layout {
	&-project {
		padding: 80rpx 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		&-logo {
			margin-bottom: 32rpx;
			width: 160rpx;
			height: 160rpx;
			box-shadow: 0rpx 8rpx 24rpx 0rpx rgba(255, 145, 29, 0.53);
			border-radius: 48rpx;
		}

		&-name {
			font-size: 36rpx;
			font-weight: 600;
			color: #333;
		}
	}

	&-item {
		height: 100rpx;
		background: #ffffff;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 32rpx;

		&-label {
			font-size: 28rpx;
			font-weight: 400;
			color: #333333;
		}
		&-right {
			font-size: 24rpx;
			font-weight: 400;
			color: #999999;
		}
	}
}
</style>
